Create a development environment for Kozaneba

2023-01-11

Git was in.

Open in VSCode

It was in there.

$ npm start

zsh: command not found: npm

No npm.

$ node -v

zsh: command not found: node

I see, there's no Node in it.

nvm in

Put node in nvm

$ nvm install --lts

$ node -v

v18.13.0

Node, OK

$ npm install -g npm

% npm -v

9.2.0

npm, OK

% npm start

sh: react-scripts: command not found

$ npm install react-scripts@latest

code::

npm ERR! code ERESOLVE

npm ERR! ERESOLVE could not resolve

...

npm ERR! Conflicting peer dependency: @types/react@16.14.34

...

npm ERR! Fix the upstream dependency conflict, or retry

npm ERR! this command with --force or --legacy-peer-deps

npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

...

Find out about [Conflicting peer dependency

Check out Yarn.

$ npm i -g yarn

$ yarn install

success Saved lockfile.

OK

(Note: it worked fine, but npm install didn't work in the first place? I proceeded without checking)

$ npm start

https://gyazo.com/1ece088f5d6d285b74482f1ffc83f00f

code::

Compiled successfully!

You can now view movidea in the browser.

The development environment is now working successfully.

Where's the production environment?

Netlify

https://gyazo.com/eb5f650e05499d8fb3e0676f002b4f67

https://gyazo.com/bbed211e32805f5ee5058434fda828b5

There's some kind of warning.

-----

https://gyazo.com/d54afcbefdc0349da03520d938520011

-----

error expect@29.3.1: The engine "node" is incompatible with this module. Expected version "^14.15.0 || ^16.10.0 || >=18.0.0". Got "12.18.0"

You can choose the Node.js version we use to build your site ...

$ echo "lts/*" > .nvmrc

---